<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>

            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            .root {
                border: 1px solid #ccc;
                width: 500px;
                height: 400px;
                padding: 41px 30px;
            }

            h2 {
                line-height: 41px;
                border-bottom: 1px solid #ccc;
            }

            a {
                text-decoration: none;
                display: block;
                line-height: 50px;
                padding-left: 30px;
                border-bottom: 1px dashed #ccc;
                color: #666;

            }
        </style>
    </head>
    <body>

        <div class="root">

            <h2>最新文章/New Articles</h2>
            <a href="#">北京招聘网页设计，平面设计，php</a>
            <a href="#">体验javascript的魅力</a>
            <a href="#">jquery世界来临</a>
            <a href="#">网页设计师的梦想</a>
            <a href="#">jquery中的链式编程是什么</a>

        </div>

    </body>
</html>